<!-- **
* @title: 基本信息-商事信息
* @author: manling.liu
* @date: 2021年7月6日
* @description:
* -->
<template name="basicsInfo">
	<view class="">
		<!-- 商事信息 -->
		<view class="box">
			<!-- 商事信息头部 -->
			<view class="box-flex">
				<view class="text title" style="-webkit-flex: 1;flex: 1;">商事信息</view>
				<view class="text" style="width: 44rpx;" @click="clickOpen()">
					<image v-if="!show" src="../../static/info_img/icon_pull-down_normal.png" mode=""></image>
					<image v-else src="../../static/info_img/icon_pull-down_selected.png" mode=""></image>
				</view>
			</view>
			
			<!-- 商事信息内容 -->
			<view class="" v-if="show">
				<!-- 边框线条 -->
				<view class="bottom-frame"></view>
				
				<view class="box-flex">
					<!-- 商事信息左侧 -->
					<view class="text" style="-webkit-flex: 1;flex: 1;">
						<view class="title-text">经营单位名称</view>
						<!-- <view class="content-text">{{ basicData. }}</view> -->
						<view class="title-text">经营状态</view>
						<view class="content-text" v-if="basicData.operatingState && basicData.operatingState == 1 ">正常</view>
						<view class="content-text" v-else-if="basicData.operatingState && basicData.operatingState == 2 ">疑是停业</view>
					</view>
					<!-- 商事信息右侧 -->
					<view class="text" style="-webkit-flex: 1;flex: 1;">
						<view class="title-text">法定代表人</view>
						<view class="content-text">{{ basicData.legalRepresentative }}</view>
						<view class="title-text">证照状态</view>
						<view class="content-text" v-if="basicData.licenceState == 1">有证有照</view>
						<view class="content-text" v-if="basicData.licenceState == 2">无证其他</view>
						<view class="content-text" v-else>异常数据</view>
					</view>
				</view>
				
				<view class="">
					<view class="title-text">领域</view>
					<!-- <view class="content-text">{{ basicData. }}</view> -->
				</view>
				
				<view class="box-flex">
					<!-- 商事信息左侧 -->
					<view class="text" style="-webkit-flex: 1;flex: 1;">
						<view class="title-text">行业</view>
						<!-- <view class="content-text">{{ basicData. }}</view> -->
						<view class="title-text">注册资本（万元）</view>
						<view class="content-text">{{ basicData.registeredCapital }}</view>
						<view class="title-text">实缴资本</view>
						<view class="content-text">{{ basicData.paidCapital }}</view>
						<view class="title-text">从业人数（人员规模）</view>
						<view class="content-text">{{ basicData.practitionerPeopleNumber }}</view>
					</view>
					<!-- 商事信息右侧 -->
					<view class="text" style="-webkit-flex: 1;flex: 1;">
						<view class="title-text">市场</view>
						<!-- <view class="content-text">{{ basicData. }}</view> -->
						<view class="title-text">币种</view>
						<view class="content-text">{{ basicData.currency }}</view>
						<view class="title-text">资本构成</view>
						<view class="content-text">{{ basicData.capitalComposition }}</view>
						<view class="title-text">经营单位所在区划</view>
						<view class="content-text">{{ basicData.unitZoning }}</view>
					</view>
				</view>
					
				<!-- 商事信息详细地址 -->
				<view class="">
					<view class="title-text">详细地址</view>
					<view class="content-text">{{ basicData.detailAddress }}</view>
				</view>
				<!-- 商事信息经纬度 -->
				<view class="">
					<view class="title-text">经纬度</view>
					<!-- <view class="content-text">{{ basicData. }}</view> -->
				</view>
				
				<!-- 边框线条 -->
				<view class="bottom-frame"></view>
				
				<view class="">
					<view class="title-text">组织机构代码</view>
					<view class="content-text">{{ basicData.organizationCode }}</view>
				</view>
				
				<view class="">
					<view class="title-text">统一社会信用代码</view>
					<view class="content-text">{{ basicData.identification }}</view>
				</view>
				
				
				<view class="">
					<view class="title-text">纳税人识别号</view>
					<view class="content-text">{{ basicData.taxpayerIdentificationNumber }}</view>
				</view>
				
				<view class="">
					<view class="title-text">工商注册号</view>
					<!-- <view class="content-text">{{ basicData. }}</view> -->
				</view>
				
				<view class="box-flex">
					<!-- 商事信息左侧 -->
					<view class="text" style="-webkit-flex: 1;flex: 1;">
						<view class="title-text">证照类型</view>
						<view class="content-text">{{ basicData.licenceType }}</view>
						<view class="title-text">证照有效期开始日期</view>
						<view class="content-text">{{ basicData.licenceStartDate }}</view>
					</view>
					<!-- 商事信息右侧 -->
					<view class="text" style="-webkit-flex: 1;flex: 1;">
						<view class="title-text">登记机关</view>
						<view class="content-text">{{ basicData.registerAuthority }}</view>
						<view class="title-text">证照有效期结束日期</view>
						<view class="content-text">{{ basicData.licenceEndDate }}</view>
					</view>
				</view>
				
				<!-- 边框线条 -->
				<view class="bottom-frame"></view>
				
				<view class="box-flex">
					<!-- 商事信息左侧 -->
					<view class="text" style="-webkit-flex: 1;flex: 1;">
						<view class="title-text">组织类型</view>
						<view class="content-text">{{ basicData.orgType }}</view>
						<view class="title-text">英文名</view>
						<view class="content-text">{{ basicData.englishName }}</view>
					</view>
					<!-- 商事信息右侧 -->
					<view class="text" style="-webkit-flex: 1;flex: 1;">
						<view class="title-text">经济类型</view>
						<view class="content-text">{{ basicData.economyType }}</view>
						<view class="title-text">曾用名</view>
						<view class="content-text">{{ basicData.formerName }}</view>
					</view>
				</view>
				
				<view class="">
					<view class="title-text">经营范围</view>
					<view class="content-text">{{ basicData.mainBusinessScope }}</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "basicsInfo",
		data() {
			return {
				show: false
			};
		},
		props:{
			basicData: {
				type: Object,
				default: null
			}
		},
		components: {
		},
		methods: {
			// 点击展开关闭商事信息
			clickOpen () {
				this.show = !this.show
				console.log(this.basicData)
			},
		},
		// 页面初始化完成时
		onLaunch() {
			
		},
		// 页面启动时
		onShow() {
		},
		// 页面从前台进入后台
		onHide() {
			
		},
		// 页面报错时触发
		onError() {
			
		}
	}
</script>

<style lang="stylus">
	@import url("../common.css")
</style>
